<style type="text/css">
    .bui-bar-main {
           height: 1rem;
           font-family: 'Microsoft YaHei';
           font-weight: bold;
           font-size: 0.4rem;
           letter-spacing: 0.05rem;
       }
       .header-box02{
           background-color: red;
           height: 1.085rem;
       }
       .header-left02{
           margin-left: 0rem;
           background-color: red;
           color: white;
           width: 1rem;
       }
       .header-left02 .bui-btn{
           background-color: red;
           border-width: 0rem;
           
       }
       
       .header-title02 {
           font-size: 0.4rem;
           height: 1.085rem;
           font-family: 'Microsoft YaHei';
           font-weight: bold;
           
           color: white;
           letter-spacing: 0.05rem;
           margin-right: 1rem;
       }
       .title{
           margin-top: 0.5rem;
           margin-bottom: 0.5rem;
           margin-left: 0.5rem;
           margin-right: 0.5rem;
       }
       .text{
           font-size: 0.6rem;
           
           text-align: left;
           background-color: transparent;
       }
       .text2{
           font-size: 0.4rem;
           
           text-align: left;
           background-color: transparent;
       }
        .bui-btn.choose-button{
           font-size: 0.4rem;
           text-align: center;
           background-color: #FFFFFF;
           margin-right: 0.25rem;
           margin-left: 0.25rem;
           
       }
       .button-panel{
           margin-top: 0.5rem;
           margin-bottom: 0.5rem;
           font-size: 0.5rem;
           text-align: center;
           margin-left: 0.25rem;
           margin-right: 0.25rem;
       }
       .bui-box .type-select{
           height: 1.085rem;
           width: 100%;
           font-family: 'Microsoft YaHei';
           
       }
       .bui-radio .red{
           color: red;
       }
       .logo{
        height: 2rem;
        margin: 1.2rem auto 0.3rem 0.8rem;
        text-align: center;
        color: red;
        font-size: 0.7rem;
        font-weight: bold;
        float: left;
    }
    .weixin-register-form {
        padding-top: .6rem;
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .weixin-register-form .bui-list{
        border-top: none;
        margin-bottom: .7rem;
    }
    .weixin-register-form > .bui-btn{
        margin-bottom: .3rem;
    }
    .weixin-register-form .btn-input{
        border-radius: 0.35rem;
        background-color:#e8e8e8a1;
        margin-bottom: 0.1rem;
    }
    .weixin-register-form .bui-btn-text{
        margin-bottom: .2rem;
    }
    
    .weixin-register-form .bui-label{
        width: 0.5rem;
        margin-right: .2rem;
    }
    .weixin-register-form .icon-face,
    .weixin-register-form .icon-lock{
        font-size: 0.48rem;
    }
    .weixin-register-form .bui-input {
        height: .6rem;
        background: none;
    }
    .weixin-register-form .bui-btn-text{
        text-align: center;
        color: #666666;
        font-size: 0.2rem;
    }
    .copyright{
        font-size: 0.17rem;
        color: #999999;
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        padding-bottom: 0.25rem;
    }
    
    .icon-eye:before {
        content: "\e680"
    }
    .icon-eye.active:before {
        content: "\e67f"
    }
    .btn-op {
        border-radius: 0.5rem;
        width: 4.7rem;
    }
    .list-item {
        height: 1.15rem;
        padding-left: 0.2rem;
        padding-right: 0.1rem;
    }
   </style>
   
   <div class="bui-page bui-box-vertical">
       <header>
           <div class="bui-box header-box02">
               <div class="bui-box-center header-left02">
                   <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
               </div>
               
               <div class="bui-box-center header-title02 span1">
               新用户注册
               </div>
               
           </div>
       </header>
       
       <main class="panel-activity">
            <div class="weixin-register-form">
                <ul class="bui-list">
                    <!-- 图标的图片 -->
                    <li class="bui-box-align-middle clearactive btn-input list-item">
                        <label class="bui-label" for="phonenumber"><i class="icon-face"></i></label>
                        <div class="span1">
                            <div class="bui-input user-input">
                                <input id="weixinPhonenumber" type="number" placeholder="手机号码">
                            </div>
                        </div>
                    </li>
                    <li class="bui-box-align-middle clearactive btn-input list-item">
                        <label class="bui-label" for="password"><i class="icon-lock"></i></label>
                        <div class="span1">
                            <div id="weixinPwdInput" class="bui-input password-input">
                                <input id="weixinPassword" type="password" placeholder="密码(大于8位且包含大小写字母及数字)">
                            </div>
                        </div>
                    </li>
                    <li class="bui-box-align-middle clearactive btn-input list-item">
                        <label class="bui-label" for="confirmpwd"><i class="icon-lock"></i></label>
                        <div class="span1">
                            <div id="weixinPwdConfirm" class="bui-input password-input">
                                <input id="weixinConfirmpwd" type="password" placeholder="确认密码">
                            </div>
                        </div>
                    </li>
                  
                    
                    
                </ul>
                <div id="btn-weixin-register" class="bui-btn danger btn-op">注册</div>
                <div class="bui-btn danger-reverse btn-op" onclick="bui.back();">取消</div>
            </div>
       </main>
   </div>